<template>
    <el-container>
        <el-aside width="200px">
            <aside-bar></aside-bar>
        </el-aside>
        <el-container>
            <el-header style="padding:0;height:40px;">
                <header-bar></header-bar>
            </el-header>
            <el-main>
                <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>

</template>

<script>
    import HeaderBar from "./HeaderBar";
    import AsideBar from "./AsideBar";
    export default {
        components:{
            HeaderBar,
            AsideBar,
        },
        created() {
        }
    }
</script>

<style scoped>

</style>
<style>
    @import "../assets/css/main.css";
</style>
